<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" ng-app="twinsApp">

<head>
	<title>Bienvenue</title>
 	<link rel="stylesheet" type="text/css" href="css/style.css"/>
	<link rel="stylesheet" type="text/css" href="css/gridiculous.css"/>
	<link rel="stylesheet" type="text/css" href="js/lib/perfect-scrollbar/perfect-scrollbar-0.4.5.min.css"/>
	<script src="js/lib/requirejs/require.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	require.config({
		baseUrl : 'js',
		paths : {
			'style' : 'css',
			'jquery' : 'lib/jquery/jquery-1.10.1.min',
			'jquery-ui': 'lib/jquery-ui/jquery-ui-1.10.3.custom.min'
		},
		shim : {
			'jquery-ui' : {
				deps: ['jquery']
			},
			'lib/angular/angular.min' : {
	         	deps: ["jquery"],
	            exports: "angular"
	        },
	        'lib/angular-ui-router/angular-ui-router.min' : {
	        	deps: ['lib/angular/angular.min']
	        },
	        'lib/angular/angular-resource.min' : {
	            deps: ["lib/angular/angular.min"]
	        },
	        'framework/plugins' : {
	        	deps: ['jquery']
	        },
	        'lib/perfect-scrollbar/perfect-scrollbar-0.4.5.with-mousewheel.min' : {
	        	deps: ['jquery']
	        }
		}
	});

	require(['twins/main', 'framework/main/main']);
	</script>
</head>

<body>
	<div class="background"></div>
	<header class="grid">
		<div class="row">
			<div class="c12">
				<img alt="TITRE" src="images/header.png" id="site-title"></a>
				<h2 id="site-description">Bienvenue sur le site de ...</h2>
			</div>
		</div>
	</header>

	<div class="grid body">
		<div class="row">
			<div class="c3">
				<div class="button-box">
					<a class="button navigation" href="#/home">Accueil</a>
					<a class="button navigation" href="#/family">Famille</a>
					<a class="button navigation" href="#/giftList">Liste</a>
					<a class="button navigation" href="#/pictures">Photos</a>
					<a class="button navigation" href="#/twins">Les twins</a>
				</div>
			</div>

			<div id="content" class="c9">
				<div class="scroll-pane">
					<div class="in-scroll-pane" ui-view></div>
				</div>
			</div>
		</div>
	</div>

</div>

</body>

</html>
